<%--
  Created by IntelliJ IDEA.
  User: tantaro
  Date: 2022/12/19
  Time: 21:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品评价</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="css/search.css" />
    <style>
        table{
            width: 1200px;
            border-collapse: collapse;
            margin: 0 auto;/*上下外边距为0，左右自动对齐（居中）*/
        }
        th,td{
            border: 1px solid rgb(161, 91, 91);
        }
        thead tr th{
            background-color: rgb(0, 0, 0);
            color: rgb(0, 0, 0);
        }
    </style>
</head>
<body>
<!-- 网页头部模块 -->
<div class="header">
    <ul>
        <li><a href="#">甜品商城后台</a></li>
        <li><a href="#">首页</a></li>
        <li><a href="#">查看商品</a></li>
        <li><a href="#">商品销售</a></li>
        <li><a href="#">商品评价</a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#">用户名</a></li>
        <li><a href="#">退出</a></li>
    </ul>
</div>

<!-- 搜索框 -->
<div class="box">
    <input type="text" class="input" placeholder="请输入想要查找的时间">
    <!--placeholder是文本框中的提示文字-->
    <input type="button" value="搜索" class="button">
</div>

<br>
<table>
    <!--第一行-->
    <tr>
        <th width="15%">商品详情</th>
        <th width="25%">用户评价</th>
        <th width="10%">用户</th>
        <th width="15%">评价时间</th>
        <th width="15%">操作</th>
    </tr>

    <!--第二行-->
    <tr>
        <td style="text-align: center;"><img src="./img/new_goods_1.jpg" height="80">海盐奥利奥蛋糕</td>
        <td style="text-align: center;">超级好吃！！！下次还会再来的！🤤</td>
        <td style="text-align: center;">bb</td>
        <td style="text-align: center;">2022年12月12日13:55</td>
        <td style="text-align: center;">
            <a class="btn btn-success" href="#" style="color:rgb(214, 91, 91);">评论</a>
            <a class="btn btn-top" href="#" style="color:rgb(22, 96, 31);">置顶</a>
            <a class="btn btn-share" href="#" style="color:rgb(214, 135, 39);">分享</a>
            <a class="btn btn-danger" href="#" style="color:rgb(70, 12, 12);">删除</a>
        </td>
    </tr>

    <!--第三行-->
    <tr>
        <td style="text-align: center;"><img src="./img/圣诞1.jpg" height="80">圣诞节杯子蛋糕</td>
        <td style="text-align: center;">根据圣诞节🎄出的，好好看！也很好吃！！！😄</td>
        <td style="text-align: center;">zz</td>
        <td style="text-align: center;">2022年12月13日14:35</td>
        <td style="text-align: center;">
            <a class="btn btn-success" href="#" style="color:rgb(214, 91, 91);">评论</a>
            <a class="btn btn-top" href="#" style="color:rgb(22, 96, 31);">置顶</a>
            <a class="btn btn-share" href="#" style="color:rgb(214, 135, 39);">分享</a>
            <a class="btn btn-danger" href="#" style="color:rgb(70, 12, 12);">删除</a>
        </td>
    </tr>

    <!--第四行-->
    <tr>
        <td style="text-align: center;"><img src="./img/圣诞5.jpg" height="80">圣诞草莓泡芙塔</td>
        <td style="text-align: center;">圣诞节形状的泡芙塔，里面的🍓很新鲜，奶油很好吃！一点都不腻！🤩</td>
        <td style="text-align: center;">gg</td>
        <td style="text-align: center;">2022年12月18日22:33</td>
        <td style="text-align: center;">
            <a class="btn btn-success" href="#" style="color:rgb(214, 91, 91);">评论</a>
            <a class="btn btn-top" href="#" style="color:rgb(22, 96, 31);">置顶</a>
            <a class="btn btn-share" href="#" style="color:rgb(214, 135, 39);">分享</a>
            <a class="btn btn-danger" href="#" style="color:rgb(70, 12, 12);">删除</a>
        </td>
    </tr>

    <!--第五行-->
    <tr>
        <td style="text-align: center;"><img src="./img/圣诞3.jpg" height="80">圣诞节限定蛋糕</td>
        <td style="text-align: center;">圣诞节新出的蛋糕，本来以为会有雷点💥。但是！这家店的出乎意料，是真的不错。👍</td>
        <td style="text-align: center;">mm</td>
        <td style="text-align: center;">2022年12月20日21:05</td>
        <td style="text-align: center;">
            <a class="btn btn-success" href="#" style="color:rgb(214, 91, 91);">评论</a>
            <a class="btn btn-top" href="#" style="color:rgb(22, 96, 31);">置顶</a>
            <a class="btn btn-share" href="#" style="color:rgb(214, 135, 39);">分享</a>
            <a class="btn btn-danger" href="#" style="color:rgb(70, 12, 12);">删除</a>
        </td>
    </tr>

</table>
</body>
</html>